<template>
  <!-- <paginationCopys :total="total" show-total show-jumper show-page-size @change="changes" @page-size-change="pageSizeChanges"
        style="justify-content: center" :page-size="pageSize" :current="current" :page-size-options="pageSizeOptions" /> -->
  <el-pagination
    :teleported="false"
    layout="total,sizes, prev, pager, next, jumper"
    :background="true"
    :total="total"
    :page-sizes="pagingList1"
    :current-page="current"
    @current-change="changes"
    @size-change="pageSizeChanges"
    :page-size="pageSize"
    style="justify-content: center; margin-top: 10px"
  />
</template>

<script setup lang="ts">
  import { pagingList } from '@/api/paging'
  const pagingList1: any = pagingList
  const props: any = withDefaults(
    defineProps<{
      total: any
      pageSize: any
      current: any
    }>(),
    {
      total: 0,
      pageSize: 0,
      current: 0,
    }
  )

  const emits = defineEmits(['change', 'page-size-change'])

  const changes = (val) => {
    emits('change', val)
  }

  const pageSizeChanges = (val) => {
    emits('page-size-change', val)
  }
</script>

<style>
  /* 样式可以根据需要进行定制 */
</style>
